<footer class="bg-dark m-0 p-0 w-100 border border-dark">
  <div class="container">
    <div class="row d-block">
      <p class="text-center align-middle pt-3">
        {foreach name="vice_nav_menu" item="vol" key="k" }
          {if $k!=0 }<span class="text-white"> &nbsp;&nbsp;|&nbsp;&nbsp; </span>{/if}
          <a class="text-white" href="{$vol.href}" {$vol.tg} >{$vol.name}</a>
        {/foreach}
      </p>
      <p class="text-center text-white">
        Copyright © 2017-2020 {$site_info.site_name} Website built with <a class="text-light" href="https://www.kancloud.cn/manual/thinkphp6_0/1037479" target="_blank">ThinkPHP6.0</a> and <a class="text-light" href="https://v4.bootcss.com/docs" target="_blank">BootStrap4</a>
      </p>
      <p class="text-center text-white"><a class="text-light" href="http://beian.miit.gov.cn/" target="_blank">吉ICP备18002003号</a></p>
    </div>
  </div>
</footer>
<script type="text/javascript" src="__CBTCSS__/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="__CBTCSS__/popper.js/1.16.1/umd/popper.min.js"></script>
<script type="text/javascript" src="__CBTCSS__/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/static/main/jqueryMy/css/jquery.my-message.1.1.css" />
<script type="text/javascript" src="/static/main/jqueryMy/js/jquery.my-message.1.1.js"></script>
<script>
$(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip();
  $('[data-toggle="popover"]').popover();
});
var message = new MyMessage.message({
  /*默认参数，下面为默认项*/
  iconFontSize: "32px",    //图标大小,默认为20px
  messageFontSize: "24px", //信息字体大小,默认为12px
  showTime: 4000,  //消失时间,默认为3000
  align: "center", //显示的位置类型center,right,left
  positions: {     //放置信息距离周边的距离,默认为10px
    top:   "20px",
    bottom:"10px",
    right: "10px",
    left:  "10px",
  },
});
</script>
{//********************************************* 添加链接 **************************************************************}
<div class="modal fade bd-example-modal-lg" id="json_add_hyperlink" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">添加链接</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="input-group input-group-md my-2">
          <div class="input-group-prepend">
            <span class="input-group-text" style="width:100px;">链接名称</span>
          </div>
          <input type="text" id="link_data_1" class="form-control" placeholder="百度知道">
          <div class="input-group-append">
            <span class="input-group-text">URL名称</span>
          </div>
        </div>
        <div class="input-group input-group-md my-2">
          <div class="input-group-prepend">
            <span class="input-group-text" style="width:100px;">链接URL</span>
          </div>
          <input type="text" id="link_data_2" class="form-control" placeholder="http://www.baidu.com/">
          <div class="input-group-append">
            <span class="input-group-text">URL网址</span>
          </div>
        </div>
        <div class="input-group input-group-md my-2">
          <div class="input-group-prepend">
            <span class="input-group-text" style="width:100px;">链接描述</span>
          </div>
          <textarea class="form-control" id="link_data_3"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <div class="btn-group" role="group" aria-label="Basic example">
          <button type="button" class="btn btn-secondary btn-md" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary btn-md" onclick="json_insert_hyperlink()">添加</button>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
$("a[href='#json_add_hyperlink']").click(function(event) {
  $("#json_add_hyperlink").modal('show');
});
// JSON弹出框添加链接
function json_insert_hyperlink(){
  $data1 = $("#link_data_1").val();
  $data2 = $("#link_data_2").val();
  $data3 = $("#link_data_3").val();
  if($data1==''||$data2==''){
    message.add('标题和URL不能为空','error');
    return false;
  }
  $.post("/link/json_add_hyperlink",
  {
      data1 : $data1,
      data2 : $data2,
      data3 : $data3,
  },
  function(data,status){
    if(data.state=='success'){
      message.add(data.info,'success');
      $("#json_add_hyperlink").modal('hide');
      $("#link_data_1").val('');
      $("#link_data_2").val('');
      $("#link_data_3").val('');
    }else{
      message.add(data.info,'error');
    }
  }).fail(function () {
    alert('error响应，没有进入success');
  });
}
</script>
{//********************************************************************************************************************}